header{
  height: 50px;
  background: #d43f3a;
  border-bottom: 1px solid #e6e6e6;
  >.mm_logo{
    >a{
      float: left;
      height:25px;
      margin: 11px 0 0 17px;
      >img{
        height: 100%;
        vertical-align: middle;
      }
    }
  };
  >.mm_load{
    >a{
      float: right;
      height:34px;
      margin: 7px 8px 0 0;
      >img{
        height: 100%;
      }
    }
  };
}
nav{
  border-bottom: 1px solid #e6e6e6;
  height: 50px;
  padding: 10px;
  position: relative;
  background-color: White;
  >input:first-child{
    height:30px;
    width:91%;
    border:none;
    font-size: 16px;
    color: #000;
    background: #f1f1f1;;
    border-radius: 20px;
    padding-left: 15px;
  };
  >input:last-child{
    position: absolute;
    bottom:9px;
    right:14px;
    height:30px;
    width:20%;
    border-radius: 20px;
    border:none;
    font-size: 17px;
    background-color:#d43f3a;
    color: white;
    //margin-left: -40px;
  }
}

section{
  padding: 25px 0 8px 5px;
  background: white;
  border-bottom: 4px solid #f1f1f1;
    >.row{
      margin: 0;
      >.col-xs-3{
        //padding-right: 5px;
        //padding-left: 12px;
        margin-bottom: 6px;
        text-align: center;
        >a{
          display: block;
          text-align: center;
          >img{
            height:50px;
            width:50px;
            vertical-align: middle;
          };
          >p{
            margin-top: 3px;
            color: #5a5a5a;
            font-size: 13px;
          }
        }
      }
    }
}
.mm_zhekou{
  display: inline-block;
  background-color: #fff;
  height: 35px;
  width:100%;
  background-color:#d43f3a;
  border-bottom: solid 1px #ffc881;
  line-height: 35px;
  overflow: hidden;
  color: #fff;
  padding-left: 10px;
  font-weight: bold;
  font-size: 18px;
  >img{
    float: right;
    width:20px;
    height:20px;
    margin-right: 10px;
    color: #FFF;
    margin-top: 8px;
  }
}

.mm_shopScroll{
  >.list-group{
    margin-bottom: 12px;
    >.list-group-item{
      border: none;
      padding: 10px 14px;
      >.media{
        >a{
          >img{
            max-height:100px;
            max-width: 100px;
          }
        };
        >.media-body{
          color: #333333;
          word-break: break-all;
          font-size: 15px;
          line-height: 19px;
          min-height: 57px;
          text-align: left;
          font-weight: normal;
          padding-top: 8px;
         >span:first-child{
           color: #ff6c00;
           display: inline;
          };
          >h6{
            display: block;
            margin-top: 10px;
            font-size: 12px;
            color: #a1a1a1;
            >i{
              height: 15px;
              width: 15px;
              float: right;
              position: relative;
              left:-15px;
              >span{
                color: #a1a1a1;
                font-size: 12px;
                float: right;
                position: absolute;
                top:1px;
                right: -12px;
                //margin-top: 8px;
              }
            }
          }
        }
      }
    }
  }
  >.mm_moreBar{
    height:30px;
    width:100%;
    padding-bottom:20px;
    >a{
      display: block;
      margin: 0 auto;
      height:30px;
      width:94%;
      border:1px solid #ddd;
      border-radius: 5px;
      background: #F4F4F4;
      color: #5a5a5a;
      line-height:30px;
      text-align: center;
    }
  }
}

footer{
  height:34px;
  //width:100%;
  background: #efefef;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  line-height:34px;
  >a{
    display: block;
    float: left;
    width:33.33%;
    font-size: 14px;
    border-right: 1px solid #c4c4c4;
    text-align: center;
    color: #5a5a5a;
  }
}
.mm_end{
  margin-top: 15px;
  text-align: center;
  font-size: 12px;
  color: #666;
}
.slow{
  position: fixed;
  bottom: 15px;
  // right:0;
  z-index: 1314;
  img{
    width:60px;
    height:68px;
  }
}













